@charset "utf-8";
/* CSS Document */

body {
	background: url(../images/bg.JPG);
}
body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53; color: #333;}
input,select,textarea{font-size:100%;}
input,select{vertical-align:baseline;}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit;}
fieldset,img{border:0;}
iframe{display:block;}
abbr,acronym{border:0;font-variant:normal;}
del{text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
a{color: #060;}
a:hover{text-decoration:none; color: #F00;}
ins,a{text-decoration:none;}
.btnews_bg {
background:url(../images/bg_news_bt.jpg);
height:44px;
border-right:1px solid #d2d2d2;
}
.txt14coklatbold {
font-family: big_noodle_titling,Verdana;
font-size: 18px;
color: #666;
line-height:1;
font-weight:bold;
}
.btnews_bg {
background:url(../images/bg_news_bt.jpg);
height:44px;
border-right:1px solid #d2d2d2;
}
.grteks_bg {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#edebec), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #edebec, #ffffff);
	background-image: -moz-linear-gradient(top, #edebec, #ffffff); 
   	background-image: -ms-linear-gradient(top, #edebec, #ffffff); 
  	background-image: -o-linear-gradient(top, #edebec, #ffffff); 
   	background-image: linear-gradient(to bottom, #edebec, #ffffff);

	border-right:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;

}
#nama3 {
	width:98%;
	height:100px;
	resize:none;
	border-style: none;
	padding:5px;
	margin:5px;
	background-color: #E8E8E8;
	-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
#nama3:focus {
	background-color:#FFF;
	outline:none;
}
#nama2 {
	width:98%;
	height:25px;
	border-style: none;
	padding:5px;
	margin:5px;
	background-color: #E8E8E8;
	-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
#nama2:focus {
	background-color:#FFF;
	outline:none;
}
#nama {
	width:200px;
	height:25px;
	border-style: none;
	padding:5px;
	margin:5px;
	background-color: #E8E8E8;
	-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
#nama:focus {
	background-color:#FFF;
	outline:none;
	width:200px;
	height:25px;
	padding:5px;
	margin:5px;
	box-shadow:0px 0px 3px #666666;
	-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
	
}
#masuk {
	background: #999;
	border-style:none;
	width:210px;
	height:30px;
	margin:5px;
	color:#FFF;
	font-weight:bold;
	-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
#masuk:hover {
	cursor:pointer;
	background: #F00;
	border-style:none;
	width:210px;
	height:30px;
	margin:5px;
	font-weight:bold;
	-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}